<template>
	<view class="bqSet">
		
		<ol class="ol">
			<li>
				<input type="text" placeholder="输入客户名称">
				<text class="textaa">查重</text>
			</li>
		</ol>
		
		<text class="font">基础信息</text>
		<ul>
			<li>
				<text>助记名称</text>
				<input type="text" placeholder="点击填写" class="text">
			</li>
			<li>
				<text>所属行业<text class="color">*</text></text>
				<input type="text" placeholder="点击选择＞" class="text">
			</li>
			<li>
				<text>客户类型<text class="color">*</text></text>
				<input type="text" placeholder="点击选择＞" class="text">
			</li>
			<li>
				<text>客户状态<text class="color">*</text></text>
				<input type="text" placeholder="点击选择＞" class="text">
			</li>
			<li>
				<text>客户星级<text class="color">*</text></text>
				<u-rate :count="count" v-model="value"></u-rate>
			</li>
			<li>
				<text>客户来源<text class="color">*</text></text>
				<input type="text" placeholder="点击选择＞" class="text">
			</li>
		</ul>
		<text class="font">附加消息</text>
		<ul>
			<li>
				<text>所在地区<text class="color">*</text></text>
				<input type="text" placeholder="点击选择＞" class="text">
			</li>
			<li>
				<text>详细地址<text class="color">*</text></text>
				<input type="text" placeholder="点击选择＞" class="text">
			</li>
			<li>
				<text>企业规模<text class="color">*</text></text>
				<input type="text" placeholder="点击选择＞" class="text">
			</li>
			<li>
				<text>上级客户<text class="color">*</text></text>
				<input type="text" placeholder="点击选择＞" class="text">
			</li>
			<h4>备注信息</h4>
			<li>
				<input type="text"   placeholder="请输入备注信息" class='dis' />
			</li>
		</ul>
		<text class="font">跟进任务</text>
		<ul>
			<li>
				<text>创建下次跟进任务</text>
				<u-switch v-model="value1" @change="change"></u-switch>
			</li>
			<li>
				<text>跟进时间<text class="color">*</text></text>
				<input type="text" placeholder="点击选择＞" class="text">
			</li>
			<li>
				<text>跟进内容</text>
				<input type="text" placeholder="点击填写" class="text">
			</li>
			<li>
				<text>任务提醒</text>
				<input type="text" placeholder="点击选择＞" class="text">
			</li>
			<li>
				<text>提醒方式</text>
				<input type="text" placeholder="点击选择＞" class="text">
			</li>
		</ul>
		<text class="font">首联系人</text>
		<ul>
			<li>
				<text>填写首联系人资料</text>
				<u-switch v-model="value12" @change="change"></u-switch>
			</li>
			<li>
				<text>联系人姓名</text>
				<input type="text" placeholder="点击填写" class="text">
			</li>
			<li>
				<text>尊称</text>
				<input type="text" placeholder="点击选择＞" class="text">
			</li>
			<li>
				<text>角色</text>
				<input type="text" placeholder="点击填写" class="text">
			</li>
			<li>
				<text>生日</text>
				<input type="text" placeholder="点击填写" class="text">
			</li>
			<li>
				<text>部门职务</text>
				<input type="text" placeholder="点击填写" class="text">
			</li>
			<li>
				<text>手机号码</text>
				<input type="text" placeholder="点击填写" class="text">
			</li>
			<li>
				<text>固定电话</text>
				<input type="text" placeholder="点击填写" class="text">
			</li>
			<li>
				<text>传真号码</text>
				<input type="text" placeholder="点击填写" class="text">
			</li>
			<li>
				<text>电子邮箱</text>
				<input type="text" placeholder="点击填写" class="text">
			</li>
			<li>
				<text>微信账号</text>
				<input type="text" placeholder="点击填写" class="text">
			</li>
			<li>
				<text>QQ号码</text>
				<input type="text" placeholder="点击填写" class="text">
			</li>
			<li>
				<text>所在地区</text>
				<input type="text" placeholder="点击填写" class="text">
			</li>
			<li>
				<text>详细地址</text>
				<input type="text" placeholder="点击填写" class="text">
			</li>
		</ul>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				count:5,
				value: 0,
				value1:false,
				value12:false
			}
		},
		methods: {
			change(e) {
				console.log('change', e);
			}
		}
	}
</script>

<style>
	.dis{
		height:120px
	}
	h4{
		background-color: white;
	}
	.color{
		color: red;
		margin-left: 4px;
	}
	ul>li>.text{
		margin-right: 20px;
	}
	ul>li>text{
		margin-left: 22px;
		color: #666666;
		font-size: 14px;
	}
	.text{
		 text-align: right;
		 color: #cccccc;
		  font-size: 14px;
	}
	.font{
		font-size: 12px;
		color: #999999;
		height: 40px;
		width: 100%;
		line-height: 40px;
		margin-left: 20px;
	}
	.textaa{
		font-size: 14px;
		color: #0079fecc;
	}
	.ol>li{
		width: 100%;
		height:50px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		background-color: white;
		
	}
.bqSet{
	background-color:rgba(242, 242, 242, 0.5);
}
*{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.bqSet>ul>li{
	width: 100%;
	height:50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: white;
	margin-top: 3px;
}
</style>
